在 iOS 中實現深色模式 implementing dark mode on ios
在深色模式下,它仍然是同一個應用,佈局沒有改變,功能運作方式也完全一致,唯一不同的是它的外觀。



Color 顏色
iOS 用"語義顏色"管理顏色,顏色名稱直接表明用途。
如文字用"label",背景用"system grouped background"(分組列表預設背景色),圖示用"system blue"(經調整更適配介面的藍色)。
介面設計時,為每部分選擇合適的語義顏色。切換淺色模式時,因顏色是動態的,會自動適配。UIKit自動處理深淺色切換,無需額外程式碼。


深色模式不僅僅是淺色模式的簡單反轉,它的設計更加微妙。

在文字上也使用了這種層級結構的概念。文字顏色分為四個等級,可以用來強調不同元素的重要性。比如,“primary”(主)顏色可用於標題,“secondary”(次)顏色可用於副標題等。


Materials 材料
"vibrancy"(鮮明度)效果能穿透模糊層,使內容更突出,在各種照片背景和兩種模式下均有良好表現。






UIKit built-in views and controls 檢視和控制元件
iOS 應用多樣化,無法提供所有情況的預設方案,但我們提供必要工具讓你實現各種可能。

關於DarkModeUX需要了解的知識以上就足夠了,因為iOS的UIkit可以自動把顏色轉化為暗色模式。